@extends('layouts.master')

@section('content')
<div class="row">
    <div class="col-sm-12">
        <section class="panel">
            <header class="panel-heading">
                {!! $title !!}
            </header>
            <div class="panel-body minimal">
                @foreach($items as $item)
                    <div class="col-md-4 col-lg-4 col-sm-6" style="padding: 5px 5px; border: 0;">
                        <div style="position: relative">
                            <div class="cover" style="width: 100%; padding: 10px; line-height: 26px; text-align: center; font-size: 30px; font-weight: bold; position: absolute; bottom: 5px; left: 0; color: #ffffff; background-color: rgba(0,0,0,0.6)">{!! $item['title'] !!}</div>
                            <a target="_blank" href="http://tv.data.gegebox.com/page{!! $item['page_num'] !!}?token={!! $token !!}&timestamp={!! $timestamp !!}">
                                <img style="width: 100%" src="http://img.aimoge.com/{!! $item['img_url'] !!}">
                            </a>
                        </div>
                    </div>
                @endforeach
                <div class="col-md-4 col-lg-4 col-sm-6" style="padding: 5px 5px; border: 0;">
                    <div style="position: relative">
                        <div class="cover" style="width: 100%; padding: 10px; line-height: 26px; text-align: center; font-size: 30px; font-weight: bold; position: absolute; bottom: 5px; left: 0; color: #ffffff; background-color: rgba(0,0,0,0.6)">快递柜相关统计</div>
                        <a target="_blank" href="http://tv.data.gegebox.com/tvshow?token={!! $token !!}&timestamp={!! $timestamp !!}">
                            <img style="width: 100%" src="http://img.aimoge.com/FpA3_-f1aiVyJ4xbvH7WIAs84aLY">
                        </a>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
@stop